<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<head>
<%@include file="/include.jsp"%>
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/table.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/dwz/themes/default/style.css" rel="stylesheet"
	type="text/css" media="screen" />
<link href="${ctx}/dwz/themes/css/core.css" rel="stylesheet" type="text/css"
	media="screen" />
<SCRIPT language="Javascript" type="text/javascript" src="dtreeck.js"></SCRIPT>
<SCRIPT language="Javascript" type="text/javascript" src="jquery.js"></SCRIPT>
</head>
<body topmargin="0" leftmargin="0">
<<<<<<< HEAD
<!-- kasher hello world!  kasher  lilingcui! aseae expense! 杜康你打野！-->
=======
<!-- kasher hello world!  kasher  lilingcui! aseae expense!-->
>>>>>>> refs/remotes/origin/master
<table border="0" cellpadding="0" cellspacing="0" class="table_border">
	<tr>
		<td>
			<table width="100%" border="0" cellpadding="0" cellspacing="0"
				class="table_right">
				<tr>
					<td><font style="font-size: 12px;"><strong>新增报销记录</strong></font>
					</td>
					<td width="25" height="26" align="left"></td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>
			<table width="100%" border="0" cellspacing="0" class="table_right">
				<tr>
					<td align="center">



						<table width="100%" border="0" cellspacing="0"
							class="table_padding">
							<tr>
								<td align="center">
									<table border="0" cellpadding="0" cellspacing="0"
										id="box_table2">
										<thead>
											<tr>
												<td style="width: 35%" align='right'><span class="in">报&nbsp;&nbsp;销&nbsp;&nbsp;人：</span></td>
												<td style="width: 65%" align='left'><span class="in">
													<input type="text"
														id="menu_parent_name"  readonly="readonly" style="width: 150px;" placeholder="请选择部门"> <input
														type="hidden" id="menu_parent" name="menu_parent">
													<!-- 父菜单id --> <input type="hidden" id="oprate"
														name="oprate"  readonly="readonly">
													<!-- radio --> <input type="hidden" id="menu_id"
														name="menu_id"  readonly="readonly">
														<select>
														<option selected="selected">请选择报销人</option>
															<option>后勤1</option>
															<option>后勤2</option>
															<option>后勤3</option>
															<option>后勤4</option>
															<option>学管1</option>
															<option>学管2</option>
															<option>学管3</option>
															<option>学管4</option>
															<option>招生1</option>
															<option>招生2</option>
															<option>招生3</option>
															<option>招生4</option>
															<option>讲师1</option>
															<option>讲师2</option>
															<option>讲师3</option>
															<option>讲师4</option>
														</select>
												<span class="star">*</span>
												</span></td>
													<!-- 父菜单id -->
													<div id="treediv"
														style="display: none; position: absolute; overflow: scroll; width: 150px; height: 200px; padding: 5px; background: #fff; color: #fff; border: 1px solid #cccccc">
														<div align="right">
															<a href="##" id="closed"><font color="blue">关闭&nbsp;</font></a>
														</div>
														<script language="JavaScript" type="text/JavaScript">
				//树代码
				mydtree = new dTree('mydtree','imgmenu/','no','no');
				mydtree.add(0,
					  -1,
					  "逸天教育科技有限公司",
					  "javascript:setvalue('0','逸天教育科技有限公司')",
					  "根目录",
					  "_self",
					  false);
				
				mydtree.add(11,
				0,
				'管理部',
				"javascript:setvalue('11','管理部')",
				'管理部',
				'_self',
				false);
				
				mydtree.add(12,
				0,
				'讲师部',
				"javascript:setvalue('12','讲师部')",
				'讲师部',
				'_self',
				false);
				
				mydtree.add(13,
				0,
				'学管部',
				"javascript:setvalue('13','学管部')",
				'学管部',
				'_self',
				false);
				
				mydtree.add(14,
				0,
				'招生部',
				"javascript:setvalue('14','招生部')",
				'招生部',
				'_self',
				false);
				
				mydtree.add(15,
				0,
				'后勤部',
				"javascript:setvalue('15','后勤部')",
				'后勤部',
				'_self',
				false);
				
				mydtree.add(16,
				0,
				'财务部',
				"javascript:setvalue('16','财务部')",
				'财务部',
				'_self',
				false);
				
			   document.write(mydtree);
			   
			</script>
													</div>
											</tr>
											<tr>
												<td style="width: 35%;padding-top:9px" align='right'><span class="in">报销项目：</span></td>
												<td style="width: 65%;padding-top:9px" align='left'><span class="in">
													<select>
														<option selected="selected">请选择报销项目</option>
														<option>费用1</option>
														<option>费用2</option>
														<option>费用3</option>
														<option>费用4</option>
														<option>其他</option>
													</select>
												<span class="star">*</span>
												</span></td>
											</tr>
											<tr>
												<td style="width: 35%;padding-top:9px" align='right'><span class="in">报销方式：</span></td>
												<td style="width: 65%;padding-top:9px" align='left'><span class="in">
													<select>
														<option selected="selected">请选择报销方式</option>
														<option>现金</option>
														<option>银行转账</option>
														<option>微信</option>
														<option>支付宝</option>
														<option>其他</option>
													</select>
												<span class="star">*</span>
												</span></td>
											</tr>
											<tr>
												<td style="width: 35%;padding-top:9px" align='right'><span class="in">报销金额：</span></td>
												<td style="width: 65%;padding-top:9px" align='left'><span class="in">
													<input type="text"/>
												<span class="star">*</span>
												</span></td>
											</tr>
											<tr>
												<td style="width: 35%;padding-top:9px" align='right'>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</td>
												<td style="width: 65%;padding-top:9px" align='left'><textarea style="width: 45%"
														cols="100" rows="1"></textarea></td>
											</tr>
										</thead>
										<tbody>
										</tbody>
									</table>
								</td>
							</tr>
						</table>

						<table border="0" cellpadding="0" cellspacing="0"
							class="operation">
							<thead>
								<tr>
									<td height="24">&nbsp;</td>
								</tr>
							</thead>
						</table>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td>
			<table width="100%" border="0" cellpadding="0" cellspacing="0"
				class="table_padding">
				<tr>
					<td height="21" align="center">
						<table align="center" style="width:15%">
							<tr align="center">
								<td align="right"><a class="button" href="list.jsp"><span>保存</span></a></td>
								<td align="left"><a class="button"
									href="javascript:void(window.history.back());"><span>返回</span></a></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
	<script type="text/javascript">
//生成弹出层的代码
<!-- 弹出层-->
xOffset = 0;//向右偏移量
yOffset = 25;//向下偏移量
var toshow = "treediv";//要显示的层的id
var target = "menu_parent_name";//目标控件----也就是想要点击后弹出树形菜单的那个控件id
$("#"+target).click(function (){
	$("#"+toshow)
	.css("position", "absolute")
	.css("left", $("#"+target).position().left+xOffset + "px")
	.css("top", $("#"+target).position().top+yOffset +"px").show();
});
//关闭层
$("#closed").click(function(){
	$("#"+toshow).hide();
});
//判断鼠标在不在弹出层范围内
 /* function   checkIn(id){
	var yy = 20;   //偏移量
	var str = "";
	var   x=window.event.clientX;   
	var   y=window.event.clientY;   
	var   obj=$("#"+id)[0];
	if(x>obj.offsetLeft&&x<(obj.offsetLeft+obj.clientWidth)&&y>(obj.offsetTop-yy)&&y<(obj.offsetTop+obj.clientHeight)){   
		return true;
	}else{   
		return false;
	}   
  }    */
//点击body关闭弹出层
	/* $(document).click(function(){
		var is = checkIn("treediv");
		if(!is){
			$("#"+toshow).hide();
		}
	}); */
<!-- 弹出层-->
//生成弹出层的代码
//点击菜单树给文本框赋值------------------菜单树里加此方法
function setvalue(id,name){
	$("#menu_parent_name").val(name);
	$("#menu_parent").val(id);
	$("#treediv").hide();
}

</script>
</body>

</html>